/**
 * The VerticalSeparator user-interface component class
 * @class syslib.ui.VerticalSeparator
 * @author Gabriel Ricci
 */
syslib.ui.VerticalSeparator = __class(syslib.ui.VisualTag, 
/** 
 * @lends syslib.ui.VerticalSeparator 
 */
{ 
	// some class attributes
	id : "",

	prepare : function(){
		// set some important stuff
		this.id = "";
		
		// set the id
		this.id = (__valid(this.__attributes.id)) ? this.__attributes.id : "separator_"  + Math.floor(Math.random() * 101);
		
		// load the style
		syslib.loadStyleForComponent("verticalseparator");
		
		// return
		return true;
	},

	execute : function(element){
		// set the attributes of the element
		var attributes	= syslib.object.extend(this.__attributes, {
			"class" : "vertical-separator"
		});
		
		// create the json structure
		elemtJSON = ["span", attributes, "&nbsp;"];

		// create the element
		var separator = this.createDOM(elemtJSON);
		
		// return
		return separator;
	},

	finalize: function(){
		// return
		return true;
	}
});